{LAYOUT_CONTENT}

<script src="__PUBLIC__/Chart.min.js"></script>
<div class="ui two column stackable grid container">
	<div class="ui breadcrumb row">
		<a class="section">接口统计</a> <i class="right arrow icon divider"></i> <a
			class="section">概况</a>
	</div>
	
	<!-- 访问统计 -->
	<div class="column">
		<h2>月访问量统计</h2>
		<div>
			<canvas id="fangwen"></canvas>
		</div>

	</div>
	<div class="column">
		<h2>模块访问排行</h2>
		<div>
			<canvas id="mokuai"></canvas>
		</div>
	</div>


</div>
	<script>
	var randomScalingFactor = function(){ return Math.round(Math.random()*100)};
	var lineChartData = {
		labels : ["January","February","March","April","May","June","July"],
		datasets : [
			{
				label: "月访问量统计",
				fillColor : "rgba(220,220,220,0.2)",
				strokeColor : "rgba(220,220,220,1)",
				pointColor : "rgba(220,220,220,1)",
				pointStrokeColor : "#fff",
				pointHighlightFill : "#fff",
				pointHighlightStroke : "rgba(220,220,220,1)",
				data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
			},
		]

	}
	var pieData = [
					{
						value: 300,
						color:"#F7464A",
						highlight: "#FF5A5E",
						label: "会员"
					},
					{
						value: 50,
						color: "#46BFBD",
						highlight: "#5AD3D1",
						label: "微网站"
					},
					{
						value: 100,
						color: "#FDB45C",
						highlight: "#FFC870",
						label: "点餐"
					},
					{
						value: 40,
						color: "#949FB1",
						highlight: "#A8B3C5",
						label: "客房"
					},
					{
						value: 120,
						color: "#4D5360",
						highlight: "#616774",
						label: "其他"
					}

				];

window.onload = function(){
	var fangwne = document.getElementById("fangwen").getContext("2d");
	window.myLine = new Chart(fangwne).Line(lineChartData, {
		responsive: true
	});
	var mokuai = document.getElementById("mokuai").getContext("2d");
	window.myLine = new Chart(mokuai).Pie(pieData, {
		responsive: true
	});
	
}


	</script>
{/LAYOUT_CONTENT}
